<template>
  <div class="base-settings">
    <div class="title">基础设置</div>
    <div class="top-settings">
      <el-input v-model="inputName" style="width: 240px" placeholder="名称" />
      <button class="btn-base logo-btn">Logo</button>
    </div>

    <el-input v-model="textarea" style="width: 240px" :rows="2" type="textarea" placeholder="输入信息文本" />
  </div>
  <div class="secure-settings"></div>
</template>
<script setup>
import { ref } from 'vue'

const inputName = ref('')
const textarea = ref('')
</script>
<style scoped lang="scss">
.base-settings {
  padding: 20px;
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 16px;
  .title {
    font-weight: 700;
    font-size: 20px;
  }

  .top-settings {
    display: flex;
    align-items: center;
    .logo-btn {
      margin-left: 10px;
    }
  }

  :deep(.el-textarea) {
    margin-top: 8px;
  }
}
</style>
